
<!DOCTYPE html>
<html lang="cn" class="loading">
<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>Hello World - XESMEMZのBlog</title>
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <meta name="google" content="notranslate" />
    <meta name="keywords" content="python,programming,"> 
    <meta name="description" content="学而思MEMZ的博客，分享技术，软件文章,Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any pr,"> 
    <meta name="author" content="学而思MEMZ"> 
    
    <link rel="icon" href="/blog/img/favicon.png"> 
    
    
<link rel="stylesheet" href="/blog/css/diaspora.css">

	<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
    <script>
         (adsbygoogle = window.adsbygoogle || []).push({
              google_ad_client: "ca-pub-8691406134231910",
              enable_page_level_ads: true
         });
    </script>
    <script async custom-element="amp-auto-ads"
        src="https://cdn.ampproject.org/v0/amp-auto-ads-0.1.js">
    </script>
<meta name="generator" content="Hexo 4.2.1"><link rel="alternate" href="/blog/atom.xml" title="XESMEMZのBlog" type="application/atom+xml">
</head>

<body class="loading">
    <span id="config-title" style="display:none">XESMEMZのBlog</span>
    <div id="loader"></div>
    <div id="single">
    
<div id="top" style="display: block;">
    <div class="bar" style="width: 0;"></div>
    <a class="iconfont icon-home image-icon" href="javascript:;" data-url="http://xesmemz.gitee.io"></a>
    <div title="播放/暂停" class="iconfont icon-play"></div>
    <h3 class="subtitle">Hello World</h3>
    <div class="social">
        <div>
            <div class="share">
                <a title="获取二维码" class="iconfont icon-scan" href="javascript:;"></a>
            </div>
            <div id="qr"></div>
        </div>
    </div>
    <div class="scrollbar"></div>
</div>

<script>
function LoadSakura(){
	var stop, staticx;
	var img = new Image();
	img.src = "";

	function Sakura(x, y, s, r, fn) {
		this.x = x;
		this.y = y;
		this.s = s;
		this.r = r;
		this.fn = fn;
	}

	Sakura.prototype.draw = function(cxt) {
		cxt.save();
		var xc = 40 * this.s / 4;
		cxt.translate(this.x, this.y);
		cxt.rotate(this.r);
		cxt.drawImage(img, 0, 0, 40 * this.s, 40 * this.s)
		cxt.restore();
	}

	Sakura.prototype.update = function() {
		this.x = this.fn.x(this.x, this.y);
		this.y = this.fn.y(this.y, this.y);
		this.r = this.fn.r(this.r);
		if(this.x > window.innerWidth ||
			this.x < 0 ||
			this.y > window.innerHeight ||
			this.y < 0
		) {
			this.r = getRandom('fnr');
			if(Math.random() > 0.4) {
				this.x = getRandom('x');
				this.y = 0;
				this.s = getRandom('s');
				this.r = getRandom('r');
			} else {
				this.x = window.innerWidth;
				this.y = getRandom('y');
				this.s = getRandom('s');
				this.r = getRandom('r');
			}
		}
	}

	SakuraList = function() {
		this.list = [];
	}
	SakuraList.prototype.push = function(sakura) {
		this.list.push(sakura);
	}
	SakuraList.prototype.update = function() {
		for(var i = 0, len = this.list.length; i < len; i++) {
			this.list[i].update();
		}
	}
	SakuraList.prototype.draw = function(cxt) {
		for(var i = 0, len = this.list.length; i < len; i++) {
			this.list[i].draw(cxt);
		}
	}
	SakuraList.prototype.get = function(i) {
		return this.list[i];
	}
	SakuraList.prototype.size = function() {
		return this.list.length;
	}

	function getRandom(option) {
		var ret, random;
		switch(option) {
			case 'x':
				ret = Math.random() * window.innerWidth;
				break;
			case 'y':
				ret = Math.random() * window.innerHeight;
				break;
			case 's':
				ret = Math.random();
				break;
			case 'r':
				ret = Math.random() * 6;
				break;
			case 'fnx':
				random = -0.5 + Math.random() * 1;
				ret = function(x, y) {
					return x + 0.5 * random - 1.7;
				};
				break;
			case 'fny':
				random = 1.5 + Math.random() * 0.7
				ret = function(x, y) {
					return y + random;
				};
				break;
			case 'fnr':
				random = Math.random() * 0.03;
				ret = function(r) {
					return r + random;
				};
				break;
		}
		return ret;
	}

	function startSakura() {

		requestAnimationFrame = window.requestAnimationFrame ||
			window.mozRequestAnimationFrame ||
			window.webkitRequestAnimationFrame ||
			window.msRequestAnimationFrame ||
			window.oRequestAnimationFrame;
		var canvas = document.createElement('canvas'),
			cxt;
		staticx = true;
		canvas.height = window.innerHeight;
		canvas.width = window.innerWidth;
		canvas.setAttribute('style', 'position: fixed;left: 0;top: 0;pointer-events: none;');
		canvas.setAttribute('id', 'canvas_sakura');
		document.getElementsByTagName('body')[0].appendChild(canvas);
		cxt = canvas.getContext('2d');
		var sakuraList = new SakuraList();
		for(var i = 0; i < 50; i++) {
			var sakura, randomX, randomY, randomS, randomR, randomFnx, randomFny;
			randomX = getRandom('x');
			randomY = getRandom('y');
			randomR = getRandom('r');
			randomS = getRandom('s');
			randomFnx = getRandom('fnx');
			randomFny = getRandom('fny');
			randomFnR = getRandom('fnr');
			sakura = new Sakura(randomX, randomY, randomS, randomR, {
				x: randomFnx,
				y: randomFny,
				r: randomFnR
			});
			sakura.draw(cxt);
			sakuraList.push(sakura);
		}
		stop = requestAnimationFrame(function() {
			cxt.clearRect(0, 0, canvas.width, canvas.height);
			sakuraList.update();
			sakuraList.draw(cxt);
			stop = requestAnimationFrame(arguments.callee);
		})
	}

	window.onresize = function() {
		var canvasSnow = document.getElementById('canvas_snow');
		canvasSnow.width = window.innerWidth;
		canvasSnow.height = window.innerHeight;
	}

	img.onload = function() {
		startSakura();
	}

	function stopp() {
		if(staticx) {
			var child = document.getElementById("canvas_sakura");
			child.parentNode.removeChild(child);
			window.cancelAnimationFrame(stop);
			staticx = false;
		} else {
			startSakura();
		}
	}

}
LoadSakura();
</script>
    <div class="section">
        <div class="article">
    <div class='main'>
        <h1 class="title">Hello World</h1>
        <div class="stuff">
            <span>六月 21, 2020</span>
            

        </div>
        <div class="content markdown">
            <p>Welcome to <a href="https://hexo.io/" target="_blank" rel="noopener">Hexo</a>! This is your very first post. Check <a href="https://hexo.io/docs/" target="_blank" rel="noopener">documentation</a> for more info. If you get any problems when using Hexo, you can find the answer in <a href="https://hexo.io/docs/troubleshooting.html" target="_blank" rel="noopener">troubleshooting</a> or you can ask me on <a href="https://github.com/hexojs/hexo/issues" target="_blank" rel="noopener">GitHub</a>.</p>
<h2 id="Quick-Start"><a href="#Quick-Start" class="headerlink" title="Quick Start"></a>Quick Start</h2><h3 id="Create-a-new-post"><a href="#Create-a-new-post" class="headerlink" title="Create a new post"></a>Create a new post</h3><figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">$ hexo new <span class="string">"My New Post"</span></span><br></pre></td></tr></table></figure>

<p>More info: <a href="https://hexo.io/docs/writing.html" target="_blank" rel="noopener">Writing</a></p>
<h3 id="Run-server"><a href="#Run-server" class="headerlink" title="Run server"></a>Run server</h3><figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">$ hexo server</span><br></pre></td></tr></table></figure>

<p>More info: <a href="https://hexo.io/docs/server.html" target="_blank" rel="noopener">Server</a></p>
<h3 id="Generate-static-files"><a href="#Generate-static-files" class="headerlink" title="Generate static files"></a>Generate static files</h3><figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">$ hexo generate</span><br></pre></td></tr></table></figure>

<p>More info: <a href="https://hexo.io/docs/generating.html" target="_blank" rel="noopener">Generating</a></p>
<h3 id="Deploy-to-remote-sites"><a href="#Deploy-to-remote-sites" class="headerlink" title="Deploy to remote sites"></a>Deploy to remote sites</h3><figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">$ hexo deploy</span><br></pre></td></tr></table></figure>

<p>More info: <a href="https://hexo.io/docs/one-command-deployment.html" target="_blank" rel="noopener">Deployment</a></p>

            <!--[if lt IE 9]><script>document.createElement('audio');</script><![endif]-->
            <audio id="audio" loop="1" preload="auto" controls="controls" data-autoplay="true">
                <source type="audio/mpeg" src="">
            </audio>
            
                <ul id="audio-list" style="display:none">
                    
                        
                            <li title='0' data-url='/blog/music/Lumen.m4a'></li>
                        
                    
                        
                            <li title='1' data-url='/blog/music/寂静之空.m4a'></li>
                        
                    
                        
                            <li title='2' data-url='/blog/music/心绪 Continuous Thought.m4a'></li>
                        
                    
                        
                            <li title='3' data-url='/blog/music/雨落惘然.m4a'></li>
                        
                    
                        
                            <li title='4' data-url='/blog/music/似此星辰非昨夜.m4a'></li>
                        
                    
                        
                            <li title='5' data-url='/blog/music/明月照我心.m4a'></li>
                        
                    
                        
                            <li title='6' data-url='/blog/music/Worezh - Edge of the sky.mp3'></li>
                        
                    
                        
                            <li title='7' data-url='/blog/music/思絮（Thought flocculation）.m4a'></li>
                        
                    
                        
                            <li title='8' data-url='/blog/music/Feeling The Rain.m4a'></li>
                        
                    
                </ul>
            
        </div>
        
    <div id='gitalk-container' class="comment link"
		data-enable='false'
        data-ae='false'
        data-ci=''
        data-cs=''
        data-r=''
        data-o=''
        data-a=''
        data-d='false'
    >查看评论</div>


    </div>
    
</div>


    </div>
</div>
</body>


<script src="//lib.baomitu.com/jquery/1.8.3/jquery.min.js"></script>
<script src="/blog/js/plugin.js"></script>
<script src="/blog/js/typed.js"></script>
<script src="/blog/js/diaspora.js"></script>


<link rel="stylesheet" href="/blog/photoswipe/photoswipe.css">
<link rel="stylesheet" href="/blog/photoswipe/default-skin/default-skin.css">


<script src="/blog/photoswipe/photoswipe.min.js"></script>
<script src="/blog/photoswipe/photoswipe-ui-default.min.js"></script>


<!-- Root element of PhotoSwipe. Must have class pswp. -->
<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
    <!-- Background of PhotoSwipe. 
         It's a separate element as animating opacity is faster than rgba(). -->
    <div class="pswp__bg"></div>
    <!-- Slides wrapper with overflow:hidden. -->
    <div class="pswp__scroll-wrap">
        <!-- Container that holds slides. 
            PhotoSwipe keeps only 3 of them in the DOM to save memory.
            Don't modify these 3 pswp__item elements, data is added later on. -->
        <div class="pswp__container">
            <div class="pswp__item"></div>
            <div class="pswp__item"></div>
            <div class="pswp__item"></div>
        </div>
        <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. -->
        <div class="pswp__ui pswp__ui--hidden">
            <div class="pswp__top-bar">
                <!--  Controls are self-explanatory. Order can be changed. -->
                <div class="pswp__counter"></div>
                <button class="pswp__button pswp__button--close" title="Close (Esc)"></button>
                <button class="pswp__button pswp__button--share" title="Share"></button>
                <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button>
                <button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button>
                <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR -->
                <!-- element will get class pswp__preloader--active when preloader is running -->
                <div class="pswp__preloader">
                    <div class="pswp__preloader__icn">
                      <div class="pswp__preloader__cut">
                        <div class="pswp__preloader__donut"></div>
                      </div>
                    </div>
                </div>
            </div>
            <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
                <div class="pswp__share-tooltip"></div> 
            </div>
            <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)">
            </button>
            <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)">
            </button>
            <div class="pswp__caption">
                <div class="pswp__caption__center"></div>
            </div>
        </div>
    </div>
</div>



<script type="text/x-mathjax-config">
    MathJax.Hub.Config({"HTML-CSS": { preferredFont: "TeX", availableFonts: ["STIX","TeX"], linebreaks: { automatic:true }, EqnChunk: (MathJax.Hub.Browser.isMobile ? 10 : 50) },
        tex2jax: { inlineMath: [ ["$", "$"], ["\\(","\\)"] ], processEscapes: true, ignoreClass: "tex2jax_ignore|dno",skipTags: ['script', 'noscript', 'style', 'textarea', 'pre', 'code']},
        TeX: {  noUndefined: { attributes: { mathcolor: "red", mathbackground: "#FFEEEE", mathsize: "90%" } }, Macros: { href: "{}" } },
        messageStyle: "none"
    });
</script>
<script type="text/x-mathjax-config">
    MathJax.Hub.Queue(function() {
        var all = MathJax.Hub.getAllJax(), i;
        for(i=0; i < all.length; i += 1) {
            all[i].SourceElement().parentNode.className += ' has-jax';
        }
    });
</script>

<script type="text/javascript" src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
</script>




</html>
